﻿<%@ Page Title="ViewPics" Language="C#"  MasterPageFile="~/MasterPage/Foreground.Master" AutoEventWireup="true" CodeBehind="ViewPics.aspx.cs" Inherits="Planetwork.ViewPics" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style>
        #imageContainer{
           width: 1130px;
        }
        #imageContainer #dataListImage{
           box-shadow: 0 0 5px green;
           width: 350px;
           height: 400px;
           margin:12px;
           text-align:center;
        }
         #imageContainer #dataListImage:hover{
              box-shadow: 0 0 5px orange;
              width: 355px;
              height: 405px;
              opacity:0.6;
         }
        #imageContainer #dataListImage #image{
             box-shadow: 0 0 5px green;
        }
         #imageContainer #dataListImage #author{
             height:30px;  
             line-height:25px;       
         }
         .breadcrumb a, a:hover{
           color:black;
           text-decoration:none;
       }
    </style>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <br />
    <ul class="breadcrumb">
        <li><a href="../Home/Home.aspx"><span class="glyphicon glyphicon-home"></span> Home</a></li>
        <li class="active">View Pics</li>
    </ul>

    <div id="imageContainer" class="panel panel-default">
        <asp:DataList ID="showImageList" RepeatColumns="3" RepeatDirection="Horizontal"  runat="server">
            <ItemTemplate>
                <div id="dataListImage">
                    <div id="image"><asp:Image ID="iamge" runat="server" ImageUrl= '<%# "../GetImage/GetImage.aspx?GigPicsImg=" + Eval("ID") %>' Width="340" Height="250" /></div>
                   
                    <div id="author"> <%# Eval("Author") + "    分享于<br />" + Eval("UploadDate") %> </div>
                    <hr />
                    <div id="datails"> <%# Eval("Remarks") %> </div>
                </div>
            </ItemTemplate>
        </asp:DataList>
    </div>

</asp:Content>
